Adwaita: simplify headerbar style
authorLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Mar 2016 16:23:39 +0000 (17:23 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Sat, 19 Mar 2016 16:23:39 +0000 (17:23 +0100)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/_drawing.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index d7db690dc4136766d2e00f7c95a3afb7fb419f71..55ee61f6422f7f4f5d48e67664f6dcfb7d9ef1c5 100644 (file)
@@ -1296,8 +1296,6 @@ headerbar {
   border-color: $borders_color;
   border-radius: 0;
 
-  background-color: transparent;
-
   @include headerbar_fill;
 
   &:backdrop {
@@ -1327,14 +1325,12 @@ headerbar {
     color: $selected_fg_color;
     text-shadow: 0 -1px transparentize(black, 0.5);
     border-color: $selected_borders_color;
-    background-image: linear-gradient(to bottom,
-                                      lighten($selected_bg_color,5%),
-                                      $selected_bg_color);
-    box-shadow: inset 0 -1px mix($selected_borders_color, $selected_bg_color, 35%), //bottom shade
-                inset 0 1px $_hc;
+
+    @include headerbar_fill($selected_bg_color, $_hc);
 
     &:backdrop {
-      background-image: linear-gradient(to bottom, $selected_bg_color);
+      background-color: $selected_bg_color;
+      background-image: none;
       box-shadow: inset 0 1px mix($top_hilight, $selected_bg_color, 60%);
     }
 
index 63f6adf5c1759943580b453c72b2cedec6b7d8ee..aa1758b5ec30a38741a2452b822a3af40f9e023f 100644 (file)
 
   @if $variant == 'light' { background-image: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); }
   @else { background-image: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
-  box-shadow: inset 0 1px $hc; // top highlight
 
+  background-color: $c;
+  box-shadow: inset 0 1px $hc; // top highlight
 }
 
 @mixin overshoot($p, $t:normal, $c:$fg_color) {
index f082b9f0b35f3bd8b9ffc371b86b25d2b9561e2a..f6f1224da191916d1440ced31f22611cef319b5c 100644 (file)
@@ -1448,8 +1448,8 @@ headerbar {
   border-style: solid;
   border-color: #1c1f1f;
   border-radius: 0;
-  background-color: transparent;
   background-image: linear-gradient(to top, #2a2f2f, #2f3434 2px, #323737 3px);
+  background-color: #323737;
   box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
   .titlebar:backdrop:not(headerbar),
   headerbar:backdrop {
@@ -1472,11 +1472,13 @@ headerbar {
     color: #ffffff;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     border-color: #0f2b48;
-    background-image: linear-gradient(to bottom, #256ab1, #215d9c);
-    box-shadow: inset 0 -1px #1b4c7f, inset 0 1px rgba(40, 98, 159, 0.535); }
+    background-image: linear-gradient(to top, #1e5690, #205b98 2px, #215d9c 3px);
+    background-color: #215d9c;
+    box-shadow: inset 0 1px rgba(40, 98, 159, 0.535); }
     .selection-mode.titlebar:backdrop:not(headerbar),
     headerbar.selection-mode:backdrop {
-      background-image: linear-gradient(to bottom, #215d9c);
+      background-color: #215d9c;
+      background-image: none;
       box-shadow: inset 0 1px rgba(44, 100, 160, 0.442); }
     .selection-mode.titlebar:not(headerbar) button,
     headerbar.selection-mode button {
index 65f4dea810fad6852e88a891fe8c58e94b88911e..b2a58c771a35db8eb99d769d11aba77a0874f01a 100644 (file)
@@ -1454,8 +1454,8 @@ headerbar {
   border-style: solid;
   border-color: #9d9d99;
   border-radius: 0;
-  background-color: transparent;
   background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
+  background-color: #f4f4f4;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
   .titlebar:backdrop:not(headerbar),
   headerbar:backdrop {
@@ -1478,11 +1478,13 @@ headerbar {
     color: #ffffff;
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     border-color: #184472;
-    background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9);
-    box-shadow: inset 0 -1px #3975b5, inset 0 1px rgba(146, 188, 232, 0.9); }
+    background-image: linear-gradient(to top, #276fba, #428bd7 2px, #4a90d9 3px);
+    background-color: #4a90d9;
+    box-shadow: inset 0 1px rgba(146, 188, 232, 0.9); }
     .selection-mode.titlebar:backdrop:not(headerbar),
     headerbar.selection-mode:backdrop {
-      background-image: linear-gradient(to bottom, #4a90d9);
+      background-color: #4a90d9;
+      background-image: none;
       box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); }
     .selection-mode.titlebar:not(headerbar) button,
     headerbar.selection-mode button {